Android Flash Development

An Introduction to Flash andAIR Development on Android
Stephen Chin
Twitter: @steveonjava
http://flash.steveonjava.com/
Oswald Campesato
Twitter: @ocampesato
http://book2-web.com/

STEPHEN
CHIN
OSWALD
CAMPESATO
+ = ?

Adobe Flash
Adobe AIR
 Available on Android PhonesToday
 Works in the Browser
 Limited Access to Device APIs
 AIR 2.5 released with Android
Support
 Deploys as an Android Market
Application
 Gives FullAccess to Device APIs
Update: AIR 2.5.1 ReleasedYesterday!

Tool Name Description Supports Android
Development
Adobe Flash CS5 Visual design tool for building Flash
applications with some Actionscript.
Actionscript Via Plug-in
Adobe Flash
Builder 4.5
Professional Flex and Actionscript
development environment.
Flex/MXML,
Actionscript
Preview
Release
(Burrito)
Flex 4.5 SDK Stand-alone development toolkit. Flex,
Actionscript
Preview
Release (Hero)
Adobe Flash
Catalyst
Rapid Development Platform for
building Flex user interfaces.
Flex,
Actionscript
Preview
Release
(Panini)
Device Central Device library and runtime emulation
environment.
N/A Downloaded
Profiles

import flash.system.Capabilities;
import flash.ui.Multitouch;
capabilityScroller.capabilities.text =
"Manufacturer: " + Capabilities.manufacturer + "n" +
"OS: " + Capabilities.os + "n" +
"Pixel Aspect Ratio: " + Capabilities.pixelAspectRatio + "n" +
"Player Type: " + Capabilities.playerType + "n" +
"Screen Color: " + Capabilities.screenColor + "n" +
"Screen DPI: " + Capabilities.screenDPI + "n" +
"Screen Resolution: " + Capabilities.screenResolutionX + "x" +
Capabilities.screenResolutionY + "n" +
"Touch Screen Type: " + Capabilities.touchscreenType + "n" +
"Version: " + Capabilities.version + "n" +
"Supports Gesture Events: " + Multitouch.supportsGestureEvents + "n" +
"Supports Touch Events: " + Multitouch.supportsTouchEvents + "n" +
"Input Mode: " + Multitouch.inputMode + "n" +
"Max Touch Points: " + Multitouch.maxTouchPoints + "n" +
"Supported Gestures: " + Multitouch.supportedGestures;

Device Name Manufacturer Resolution Size Density Type
T-Mobile G1 HTC 320x480 3.2" 180ppi HVGA
HTC Hero HTC 320x480 3.2" 180ppi HVGA
Motorola Droid Motorola 480x854 3.7" 265ppi FWVGA
Google Nexus One HTC 480x800 3.7" 252ppi WVGA
Xperia X10 Mini Sony Ericsson 240x320 2.55" 157ppi QVGA
Xperia X10 Sony Ericsson 480x854 4" 245ppi WVGA
HTC Evo 4G HTC 480x800 4.3" 217ppi WVGA
Droid X Motorola 480x854 4.3" ? FWVGA

 Screen Orientation *
 Multitouch *
 Gestures
 Accelerometer
 Camera
 GPS
* APIs we will show examples of today

 Stage Event Listener
 stage.addEventListener(
StageOrientationEvent.ORIENTATION_CHANGE,
<function callback>);
 StageOrientationValues
 DEFAULT
 ROTATED_LEFT
 ROTATED_RIGHT
 UPSIDE_DOWN
 UNKNOWN

import flash.display.StageOrientation;
import flash.events.StageOrientationEvent;
stop();
stage.addEventListener(
StageOrientationEvent.ORIENTATION_CHANGE, onChanged);
function onChanged(event:StageOrientationEvent):void {
play();
}

GESTURES
Two FingerTap
Press andTap
Pan
Rotate
Swipe
Zoom
Illustrations provided by Gestureworks (www.gestureworks.com)

package com.proandroidflash {
import flash.events.TransformGestureEvent;
import flash.ui.Multitouch;
import flash.ui.MultitouchInputMode;
import mx.controls.Image;
public class MultiTouchImage extends Image {
public function MultiTouchImage() {
addEventListener(TransformGestureEvent.GESTURE_ROTATE, rotateListener);
addEventListener(TransformGestureEvent.GESTURE_ZOOM, zoomListener);
Multitouch.inputMode = MultitouchInputMode.GESTURE;
}
public function rotateListener(e:TransformGestureEvent):void {
rotation += e.rotation;
}
public function zoomListener(e:TransformGestureEvent):void {
scaleX *= e.scaleX;
scaleY *= e.scaleY;
}
}
}

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx“
xmlns:proandroidflash="com.proandroidflash.*"
backgroundColor="#333333">
<s:layout>
<s:VerticalLayout horizontalAlign="center" paddingTop="10" paddingLeft="10" paddingRight="10"
paddingBottom="10"/>
</s:layout>
<fx:Declarations>
<fx:Array id="images">
<fx:Object>
[@Embed(source='images/cassandra1.jpg')]
</fx:Object>
</fx:Array>
</fx:Declarations>
<s:Label text="Android Scrapbook" fontSize="32" color="white"/>
<s:Label text="Drag, Rotate, and Zoom with your fingers." fontSize="14" color="#aaaaaa"/>
<s:BorderContainer backgroundColor="#cccccc" borderColor="#555555" rotation="5" width="110%" height="110%">
<s:filters>
<s:DropShadowFilter alpha="0.5"/>
</s:filters>
<proandroidflash:MultiTouchImage source="@Embed(source='images/cassandra1.jpg')" y="20" x="10"
width="350" rotation="-3"/>
width="350" rotation="13"/>
width="350" rotation="-8"/>
</s:BorderContainer>
</s:Application>

API Name Property to Check
Accessibility Capabilities.hasAccessibility
DatagramSocket DatagramSocket.isSupported
DNSResolver DNSResolver.isSupported
DockIcon NativeApplication.supportsDockIcon
DRMManager DRMManager.isSupported
EncryptedLocalStore EncryptedLocalStore.isSupported
HTMLLoader HTMLLoader.isSupported
LocalConnection LocalConnection.isSupported
NativeApplication.exit() --
NativeApplication.menu NativeApplication.supportsMenu
NativeApplication.isSetAsDefaultApplication() NativeApplication.supportsDefaultApplication
NativeApplication.startAtLogin NativeApplication.supportsStartAtLogin

API Name Property to Check
NativeMenu NativeMenu.isSupported
NativeProcess NativeProcess.isSupported
NativeWindow NativeWindow.isSupported
NativeWindow.notifyUser() NativeWindow.supportsNotification
NetworkInfo NetworkInfo.isSupported
PDF support HTMLLoader.pdfCapability
PrintJob PrintJob.isSupported
SecureSocket SecureSocket.isSupported
ServerSocket ServerSocket.isSupported
Shader --
ShaderFilter --
StorageVolumeInfo StorageVolumeInfo.isSupported
XMLSignatureValidator XMLSignatureValidator.isSupported

 MobileApplication
 Views
 ViewNavigator
 Splash Screen
 Components:
 ActionBar
 Text Components
 List, Scroller, andTouch Gestures
Coming Spring 2011
For more info see: http://opensource.adobe.com/wiki/display/flexsdk/Hero

 Blackberry Playbook
 AndroidTablets
 iPhone/iPad
 Television
http://www.youtube.com/watch?v=zyJVNK7aSW4

 “Enterprise Ready" Device
 7" Screen (9.7mmThick)
 HTML5 and FULL Flash 10.1
 HardwareAcceleratedVideo
 Supports HDMI (TV output)
 Displays PPT and Documents
 Front and Rear Cameras
 1 GHZ core and 1GB RAM
 Q1/Q2 of 2011

 Cisco Cius ("see us")
 "enterprise ready" device
 Samsung GalaxyTab
 "enterprise ready" device
 7" screen
 features:
http://www.youtube.com/watch?v=v1PO3_iqbQ8
 Toshiba 100 Folio (Android)
 http://www.youtube.com/watch?v=qfVurbT1ytA

 GoogleTV
 Open Source
 Flash 10.1 Support
 LimitedTests Conducted
 View Web Apps
 Partnership with Sony, Intel, Logitech
 AdobeTV
 http://tv.adobe.com/
 http://www.youtube.com/watch?v=U_B7-wWnY0Y
 "People of Lava" AndroidTV (Sweden):
 First Android-basedTV(?)
 http://www.youtube.com/watch?v=NQEMkXJ1Hbg

 Android Car (China Only)
 Made Available in April, 2010
 $10,250 – $19,000 USD
 Android 2.1
 Features:
 Real-timeTraffic
 Directions
 Internet
 On-line Chat
 http://www.youtube.com/watch?v=76gTWZKSAI8

 Android SDK (2.2 or later)
 http://developer.android.com/sdk/index.html
 AIR 2.5
 http://labs.adobe.com/technologies/air2/android/
 Flex Builder 4.5 (Burrito)
 http://labs.adobe.com/technologies/flashbuilder_burrito/
 Flex Catalyst 5.5 (Panini)
 http://labs.adobe.com/technologies/flashcatalyst_panini/
 Flex 4.5 SDK (Hero)
 http://labs.adobe.com/technologies/flexsdk_hero/
 iPhone Packager
 http://labs.adobe.com/technologies/packagerforiphone/

 JamesWard
 http://www.jamesward.com/
 Duane Nickull
 http://technoracle.blogspot.com/
 ChristianCantrell
 http://blogs.adobe.com/cantrell/
 Christophe Coenraets
 http://coenraets.org/blog/
 Serge Jespers
 http://www.webkitchen.be/
 Lee Brimelow (The Flash Blog)
 http://blog.theflashblog.com/
 Mark Doherty (FlashMobileBlog)
 http://www.flashmobileblog.com/
 Stephen Chin
 http://flash.steveonjava.com/

Stephen Chin,Oswald Campesato, and Dean Iverson
Will Include:
 UI Controls
 Media Support
 Mobile Flex APIs
 Android Market
Deployment
 Extensive ExamplesComing in Spring 2011
Presentation will be posted at: http://flash.steveonjava.com/

Android Flash Development

More Related Content

What's hot (18)

Similar to Android Flash Development (20)

More from Stephen Chin (20)

Recently uploaded (20)

Android Flash Development